html, body {
  height: 100%; }

.create-qrcode {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("../img/bg.jpeg") no-repeat 0 0;
  background-size: cover; }

.create-qrcode .header {
  height: 1.49333rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 0 0.58667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  color: #fff; }

.create-qrcode .container {
  padding: 0.42667rem 0.58667rem;
  color: #fff; }

.create-qrcode .container .title {
  font-size: 22px; }

.create-qrcode .container .time-box {
  margin-top: 0.26667rem;
  font-size: 14px; }

.create-qrcode .container .time-box p {
  height: 0.64rem;
  line-height: 0.64rem; }

.create-qrcode .container .time-box .person {
  color: #c1c1c1; }

.create-qrcode .container .desc {
  margin-top: 0.26667rem;
  font-size: 12px;
  line-height: 20px; }

.create-qrcode .container .img-box img {
  display: block;
  margin: 0.66667rem auto;
  width: 6rem;
  height: 6rem; }

.create-qrcode .container .footer img {
  display: block;
  margin: 1.14667rem auto;
  width: 5.62667rem;
  height: 1.06667rem; }
